:root {
    --primary-color: #673AB7; /*500 Color*/
    --primary-app-bar-color: #563198; /*600 Color 100% Alpha*/
    --primary-app-bar-color-solid: #563198;
    --primary-box-bg-color: #FAFAFA;
    --primary-box-bg-replied-color: #ffffff;
    --primary-box-txt-button-color: #000000;
    --primary-app-bar-brand-color: #ffffff; /*200 Color 9% Alpha*/
    --primary-nav-drawer-bg-color: #ffffff; /*White */
    --primary-nav-drawer-color: #424242;
    --primary-nav-drawer-color-hover: #ffffff;
    --primary-nav-drawer-subheader-color: #424242;
    --primary-nav-drawer-divider-color: rgba(0,0,0,0.12);
    --primary-nav-drawer-active-bg-color: rgba(86, 49, 152, 0.12);
    --primary-nav-drawer-active-color: #563198;
    --primary-button-text-color: #ffffff;
    --input-border: rgba(0,0,0,.42);
    --secondary-color: #E040FB;
    --secondary-hover-color: rgba(0,0,0,.87);
    --hr-color: rgba(0,0,0,.12);
    --font-color: #424242;
    --font-muted-color: rgba(0,0,0,.38);
    --bg-color: #fff;
    --heading-color: #292922;
    --progress-bar-bg: #CE93D8; /*200 Color*/
    --card-bg: #ffffff;
    --complementary-color: #41aa24;
    --complementary-color-rgb: rgba(65,170,36, 0.7);
    --complementary-color-rgb-one: rgba(65,170,36, 0);
    --messages-bg: rgb(238, 238, 238);
    --messages-shim: linear-gradient(rgba(255,255,255,0), #eee 80%) top center no-repeat;
    --nav-rail-active: #563198;
    --notification-text-color: #ffffff;
    --switch-bar-color: rgba(244, 81, 30, 0.56);
    --primary-color-darker: #4527a0;
    --loading-animation-bg: #eee;
  }

  @media (prefers-color-scheme: dark) {
    [data-theme="auto"]:root {
      --primary-color: #673AB7; /*500 Color*/
      --primary-app-bar-color: rgba(86, 49, 152, 0.12); /*200 Color 9% Alpha*/
      --primary-app-bar-color-solid: #272727;
      --primary-box-bg-color: rgba(86, 49, 152, 0.15); /*200 Color 15% Alpha*/
      --primary-box-bg-replied-color: rgba(86, 49, 152, 0.20); /*200 Color 20% Alpha*/
      --primary-box-txt-button-color: #ffffff;
      --primary-app-bar-brand-color: #ffffff; /*200 Color 9% Alpha*/
      --primary-nav-drawer-bg-color: linear-gradient(0deg, rgba(86, 49, 152, 0.12), rgba(86, 49, 152, 0.12)), #121212; /*200 Color 89% Darkened https://pinetools.com/darken-color */
      --primary-nav-drawer-color: #673AB7; /*600 Color*/
      --primary-nav-drawer-color-hover: #673AB7;
      --primary-nav-drawer-subheader-color: #673AB7; /*600 Color*/
      --primary-nav-drawer-divider-color: #673AB7;
      --primary-nav-drawer-active-bg-color: #673AB7;
      --primary-nav-drawer-active-color: #ffffff;
      --primary-button-text-color: #ffffff;
      --input-border: rgba(255,255,255,.75);
      --secondary-color: #E040FB;
      --secondary-hover-color: #EA80FC;
      --hr-color: rgba(255,255,255,.80);
      --font-color: #e1e1ff;
      --font-muted-color: rgba(255,255,255,.80);
      --bg-color: #121212;
      --heading-color: #818cab;
      --progress-bar-bg: #CE93D8; /*200 Color*/
      --card-bg: rgba(86, 49, 152, 0.15);
      --complementary-color: #253b24;
      --complementary-color-rgb: rgba(37, 59, 36, 0.7);
      --complementary-color-rgb-one: rgba(37, 59, 36, 0);
      --messages-bg: #242424;
      --messages-shim: linear-gradient(rgba(0,0,0,0), #242424 80%) top center no-repeat;
      --nav-rail-active: #673AB7;
      --notification-text-color: #ffffff;
      --switch-bar-color: rgba(142, 36, 170, 0.56);
      --loading-animation-bg: #242424;
    }
  }

  [data-theme="darker"] {
    --primary-color: #673AB7; /*500 Color*/
    --primary-app-bar-color: rgba(86, 49, 152, 0.12); /*200 Color 9% Alpha*/
    --primary-app-bar-color-solid: #272727;
    --primary-box-bg-color: rgba(86, 49, 152, 0.15); /*200 Color 15% Alpha*/
    --primary-box-bg-replied-color: rgba(86, 49, 152, 0.20); /*200 Color 20% Alpha*/
    --primary-box-txt-button-color: #ffffff;
    --primary-app-bar-brand-color: #ffffff; /*200 Color 9% Alpha*/
    --primary-nav-drawer-bg-color: linear-gradient(0deg, rgba(86, 49, 152, 0.12), rgba(86, 49, 152, 0.12)), #121212; /*200 Color 89% Darkened https://pinetools.com/darken-color */
    --primary-nav-drawer-color: #673AB7; /*600 Color*/
    --primary-nav-drawer-color-hover: #673AB7;
    --primary-nav-drawer-subheader-color: #673AB7; /*600 Color*/
    --primary-nav-drawer-divider-color: #673AB7;
    --primary-nav-drawer-active-bg-color: #673AB7;
    --primary-nav-drawer-active-color: #ffffff;
    --primary-button-text-color: #ffffff;
    --input-border: rgba(255,255,255,.75);
    --secondary-color: #E040FB;
    --secondary-hover-color: #EA80FC;
    --hr-color: rgba(255,255,255,.80);
    --font-color: #e1e1ff;
    --font-muted-color: rgba(255,255,255,.80);
    --bg-color: #121212;
    --heading-color: #818cab;
    --progress-bar-bg: #CE93D8; /*200 Color*/
    --card-bg: rgba(86, 49, 152, 0.15);
    --complementary-color: #253b24;
    --complementary-color-rgb: rgba(37, 59, 36, 0.7);
    --complementary-color-rgb-one: rgba(37, 59, 36, 0);
    --messages-bg: #242424;
    --messages-shim: linear-gradient(rgba(0,0,0,0), #242424 80%) top center no-repeat;
    --nav-rail-active: #673AB7;
    --notification-text-color: #ffffff;
    --switch-bar-color: rgba(142, 36, 170, 0.56);
    --loading-animation-bg: #242424;
  }

  [data-theme="amoled"] {
    --primary-color: #673AB7; /*500 Color*/
    --primary-app-bar-color: rgba(0, 0, 0, 0.12); /*200 Color 9% Alpha*/
    --primary-app-bar-color-solid: #000000;
    --primary-box-bg-color: rgba(229, 57, 53, 0.15); /*200 Color 15% Alpha*/
    --primary-box-bg-replied-color: rgba(229, 57, 53, 0.20); /*200 Color 20% Alpha*/
    --primary-box-txt-button-color: #ffffff;
    --primary-app-bar-brand-color: #ffffff; /*200 Color 9% Alpha*/
    --primary-nav-drawer-bg-color: linear-gradient(0deg, rgba(0,0,0, 0.12), rgba(0,0,0, 0.12)), #000000; /*200 Color 89% Darkened https://pinetools.com/darken-color */
    --primary-nav-drawer-color: #673AB7; /*600 Color*/
    --primary-nav-drawer-color-hover: #673AB7;
    --primary-nav-drawer-subheader-color: #673AB7; /*600 Color*/
    --primary-nav-drawer-divider-color: #673AB7;
    --primary-nav-drawer-active-bg-color: #673AB7;
    --primary-nav-drawer-active-color: #ffffff;
    --primary-button-text-color: #ffffff;
    --input-border: rgba(255,255,255,.75);
    --secondary-color: #121212;
    --secondary-hover-color: #242424;
    --hr-color: rgba(255,255,255,.80);
    --font-color: #fff;
    --font-muted-color: rgba(255,255,255,.80);
    --bg-color: #000000;
    --heading-color: #818cab;
    --progress-bar-bg: #CE93D8; /*200 Color*/
    --card-bg: rgba(18, 18, 18, 1);
    --complementary-color: #8d24aa;
    --complementary-color-rgb: rgba(141,36,170, 0.7);
    --complementary-color-rgb-one: rgba(141,36,170, 0);
    --messages-bg: #000000;
    --messages-shim: linear-gradient(rgba(0,0,0,0), #000000 80%) top center no-repeat;
    --nav-rail-active: #673AB7;
    --notification-text-color: #ffffff;
    --switch-bar-color: rgba(142, 36, 170, 0.56);
    --loading-animation-bg: #121212;
  }